<template>

  <div class="group-container">
    <div class="ul-scrollbar">
      <div class="ul-scrollbar__wrap" style="height: 440px; overflow-x: auto; margin-bottom: -15px; margin-right: -15px;">
        <div class="ul-scrollbar__view">
          <div class="detail-zone">
            <section class="each-detail">
              <p class="sub-nav" v-show="!ifContext">{{ homework.name }}</p>
              <p class="detail-intro" v-show="ifContext">
                {{ homework.context }}
              </p>
            </section>
            <section class="each-detail">
              <p class="sub-nav">作业设置</p>
              <p class="detail-intro">满分100分</p>
              <p class="detail-intro">
                评价方式：
                <span>{{ homework.evaluation === 'teacher'? "老师评价":"学生评价" }}</span>
              </p>
              <p class="detail-intro">
                成绩是否公布：
                <span>{{ homework.ifAnnounced === 1? "公布":"不公布" }}</span>
              </p>
              <p class="detail-intro">
                {{ homework.ifUpload === 1? "公布":"不公布" }}学生上传附件
              </p>
              <p class="detail-intro">
                {{ homework.ifCopy === 1? "公布":"不公布" }}复制粘贴
              </p>
              <p class="detail-intro">
                作业时间：统一设置
              </p>
              <div>
                <p class="detail-intro">{{homework.classesData }}</p>
              </div>
              <div>
                <p class="detail-intro">开始时间：{{homework.startTime}}</p>
                <p class="detail-intro">提交截止时间: {{homework.endTime}}</p>
              </div>
            </section>
          </div>
        </div>
      </div>
    </div>
  </div>

</template>

<script>
export default {
  components:{

  },
  props:{
    showIframe: Boolean,
    homework: {},
    ifContext: Boolean,
  },
  data(){
    return{

    }
  },
  created() {

    this.init()
  },

  methods:{
    async init(){

    },
  }
}
</script>
<style scoped>


div{
  margin: 0;
  border: 0;
  padding: 0;
}

.ul-scrollbar {
  overflow: hidden;
  position: relative;
}
.detail-zone {
  font-size: 14px;
  color: #444;
}
.each-detail{
  padding: 0 0 20px 10px;
}

section{
  display: block;
}

.detail-zone .sub-nav {
  border-left: 4px solid #ea5947;
  margin: 0 0 10px -10px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 400;
  padding: 0 6px;
}

.each-detail {
  padding: 0 0 20px 10px;
}

.detail-intro {
  font-size: 14px;
  color: #969696;
  line-height: 24px;
  word-break: break-word;
  padding: 4px 0;
  margin-top: 0;
  margin-bottom: 0;
}



::v-deep .el-dialog__wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  overflow: auto;
  margin: 0;
}


</style>